<template>
	<div id="tmpl">
		<!-- 实现新闻详情 -->
		<div class="title">
			<h4 v-text='info.title'></h4>
			<p>{{info.add_time | datefmt('YYYY-MM-DD')}}
			{{info.click}}次浏览</p>
		</div>
		<div id="content" v-html='info.content'></div>
		<!-- 实现评论组件的集成 -->
		<!-- 使用评论组件 -->
		<comment :id='id'></comment>
	</div>
</template>

<script>
//导入评论组件
	import comment from '../subcom/comment.vue';
	export default{
		data(){
			return {
				id:0,
				info:{}
			}
		},
		components:{
			comment
		},
		created(){
			this.id = this.$route.params.id;
			this.getinfo();
		},
		methods:{
			getinfo(){
				var url = this.common.apidomain+'/api/getnew/'+this.id;
				this.$http.get(url).then(function(response) {
					var data = response.body;
					if(data.status != 0){
						this.common.Toast(data.message);
						return;
					}
					//请求到的数据中message是一个数组，数组中只有一个对象，所以是data.message[0]
					this.info = data.message[0];
				})
			}
		}
	}
</script>

<style scoped>
	.title h4 {
    color: #0094ff;
	}

	.title p {
	    color: rgba(0, 0, 0, 0.5);
	}

	.title,
	#content {
	    padding: 5px;
	}
</style>